<h2>Alert</h2>

<h4>Call the alert function to show an alert dialog</h4>
<pre>BootstrapDialog.alert('The message...');</pre>
<p><button type="button" class="btn btn-primary open-alert" data-name="simple">Show Alert</button></p>
<p>&nbsp;</p>

<h4>Define title of the alert dialog</h4>
<pre>BootstrapDialog.alert('The message...', 'Information');</pre>
<p><button type="button" class="btn btn-primary open-alert" data-name="with-title">Show Alert</button></p>
<p>&nbsp;</p>

<h4>Define callback for the alert dialog</h4>
<pre>BootstrapDialog.alert('The message...', function(){
  BootstrapDialog.alert('callback message')
});
</pre>
<p><button type="button" class="btn btn-primary open-alert" data-name="with-callback">Show Alert</button></p>
<p>&nbsp;</p>

<h4>Define title and callback for the alert dialog</h4>
<pre>BootstrapDialog.alert('The message...', 'Information', function(){
  BootstrapDialog.alert('callback message')
});
</pre>
<p><button type="button" class="btn btn-primary open-alert" data-name="with-title-callback">Show Alert</button></p>
<p>&nbsp;</p>

<h4>More options for the alert dialog</h4>
<pre>var alertOption = {
  title: 'Error',
  message: '&lt;p&gt;404 - Page Not Found&lt;/p&gt;',
  type: BootstrapDialog.TYPE.DANGER,
  buttonLabel: 'Sure',
  callback: function() {
    BootstrapDialog.alert('callback message');
  }
};
BootstrapDialog.alert(alertOption);
</pre>
<p><button type="button" class="btn btn-primary open-alert" data-name="with-option">Show Alert</button></p>
<p>&nbsp;</p>

<h3>alertOption</h3>
<table class="table">
  <thead>
  <tr>
    <th>Name</th><th>Type</th><th>Default</th><th>Description</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>title</td>
    <td>string</td>
    <td>'Alert'</td>
    <td>The title of the dialog</td>
  </tr>
  <tr>
    <td>message</td>
    <td>string</td>
    <td>''</td>
    <td>The content of the modal</td>
  </tr>
  <tr>
    <td>type</td>
    <td>string</td>
    <td>BootstrapDialog.TYPE.PRIMARY</td>
    <td></td>
  </tr>
  <tr>
    <td>buttonLabel</td>
    <td>string</td>
    <td>'OK'</td>
    <td>label of the button</td>
  </tr>
  <tr>
    <td>callback</td>
    <td>function</td>
    <td>null</td>
    <td>fired when the button is clicked.</td>
  </tr>
  </tbody>
</table>